@import '../../app.scss';

.content {
  padding: 0 20rpx;
}

.top {
  position: relative;
  height: 200rpx;

  .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200rpx;
  }

  .user-info {
    position: absolute;
    padding: 0 30rpx;
    padding-top: 20rpx;
    box-sizing: border-box;

    image {
      width: 120rpx;
      height: 120rpx;
      border-radius: 50%;
    }
  }

  .authentication {
    padding: 5rpx 10rpx;
    border-radius: 3rpx;
    background: map-get($map: $colors, $key: "yellow");
  }

  .vip-grade {
    position: relative;
    width: 30rpx;
    height: 30rpx;
    line-height: 30rpx;
    text-align: center;
    image {
      width: 100%;
      height: 100%;
    }
    text {
      font-size: 16rpx;
      position: absolute;
      left: 15rpx;
      transform: translate(-50%);
    }
  }

}


.content {
  .menu-box {
    border-radius: 10rpx;
    box-shadow: 1px 1px 2px 0px rgba(24, 25, 25, 0.25);

    image {
      width: 80rpx;
      height: 80rpx;
    }
  }

  .icon {
    width: 36rpx;
    height: 36rpx;
  }

  .right {
    width: 13rpx;
    height: 22rpx;
  }
}

.type {
  box-sizing: border-box;
}


button {
  background: map-get($map: $colors, $key: "blue");
  width: 95% !important;
  height: 60rpx;
  line-height: 60rpx !important;
  padding: 0 !important;
  margin: 0;
  color: #fff;
  position: absolute;
  box-sizing: border-box;
  opacity: 0;
}

button::after {
  border: none;
  padding: 0;
}